<style type="text/css">
  .spinner svg {
    width: 60px;
    height: 60px;
  }

  .row, .scroll {
    height: 100%;
  }

</style>

<ion-view title="loading" hide-nav-bar="true">
  <ion-content overflow-scroll="true" padding="true" scroll="false" class="no-header">

    <div class="row row-center" ng-show="showLoading">
      <div class="col" style="text-align: center">
        <ion-spinner icon="lines" class="spinner-calm "></ion-spinner>
        <h5>系统正在初始化...</h5>
      </div>
    </div>

    <div class="row row-center" ng-show="!showLoading">
      <div class="col" style="text-align: center">
        <h2>无法连接到服务器</h2>
      </div>
    </div>

    <div class="bar bar-footer button-clear"    id="loadingFooterBar"
         style="margin-bottom: 30px; margin-top: 30px; border: 0px; background-size: 100% 0px; display: none">

      <button ng-click="loadInitData()" class="button button-positive button-block" style="">重试</button>


    </div>
  </ion-content>
</ion-view>
